<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 伪类用来描述元素的特殊状态 特殊的类 -->
<!-- 具有某种特殊的唯一的状态的元素 -->
<!-- 一般都是冒号开头  :first-child 第一个子元素-->
<!-- last-child最后一个子元素  -->
<!-- nth-child  第n个子元素   可填入数字  直接写n 全部 -->
<!-- n的范围  0到正无穷 2n表示选中偶数 -->
<!-- 给li加了一个限制条件   -->
<!-- odd和2n+1 奇数 -->
<!-- 这些伪类 都是根据所有子元素  所有中的第一个 -->
<!-- first-of-type last nth 都是类似 -->
<!-- 不同是他们在同类型元素中进行排序  -->
<!-- 而child是在所有元素中进行排序 -->
<!-- 大的排行 -->
<!-- :not()将符合条件的元素从选择中驱逐 -->
<!-- child是从所有的元素中排行  type是同类型中排行 -->
<body>
    <ul>
        <li></li>
    </ul>
</body>
</html>